<template>
    <ul class="floorButtn">
    			<li class="fullScreen" @click="F11"><span>全屏</span></li>
    			<li class="sound"><span>声音</span></li>
    			<li class="refreash"><span>重新加载</span></li>
    		</ul>
</template>
<script>
export default {
    name:"leftBotBtn",
    data(){
        return {}

    },
    methods:{
         F11: function () {
            var el = document.documentElement;
            var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
            if (!isFullscreen) { //进入全屏,多重短路表达式
                (el.requestFullscreen && el.requestFullscreen()) ||
                    (el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
                    (el.webkitRequestFullscreen && el.webkitRequestFullscreen()) || (el.msRequestFullscreen && el.msRequestFullscreen());
                var height = window.screen.height;
                this.height = height - 70 + 'px';
            }
            else { //退出全屏,三目运算符
                document.exitFullscreen ? document.exitFullscreen() :
                    document.mozCancelFullScreen ? document.mozCancelFullScreen() :
                        document.webkitExitFullscreen ? document.webkitExitFullscreen() : '';
                document.msExitFullscreen ? document.msExitFullscreen() : '';
                var height = document.documentElement.scrollHeight;
            }
        }
    }

} 
</script>
